<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数据储存测试</title>
    <!-- 引入样式 -->
    <!-- <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"> -->
    <!-- <script src="libs/wilddog.js"></script>
    <script src="js/database.js"></script> -->
    <script src="libs/jquery-3.1.1.min.js"></script>
    <script src="test.js"></script>

</head>
<body>
<div id="app">
    <p>{{ message }}</p>
    <!--<mt-loadmore :top-method="loadTop" :bottom-method="loadBottom">-->
        <!--<ul>-->
            <!--<li v-for="item in list">{{ item }}</li>-->
        <!--</ul>-->
    <!--</mt-loadmore>-->
    <!--<mt-actionsheet-->
            <!--:actions="actions"-->
            <!--v-model="sheetVisible">-->
    <!--</mt-actionsheet>-->
    <div style="height: 212px;background-color: antiquewhite;">
        <mt-swipe :auto="4000">
            <mt-swipe-item><img src="img/chartlet1-1.png" alt=""></mt-swipe-item>
            <mt-swipe-item><img src="img/chartlet1-2.png" alt=""></mt-swipe-item>
            <mt-swipe-item><img src="img/chartlet1-3.png" alt=""></mt-swipe-item>
        </mt-swipe>
    </div>
    <div>
        <mt-range v-model="rangeValue">
            <div slot="start">0</div>
            <div slot="end">100</div>
        </mt-range>
    </div>
    <div>
        <mt-progress :value="60">
            <div slot="start">0%</div>
            <div slot="end">100%</div>
        </mt-progress>
    </div>
    <!--<mt-header fixed  title="标题过长会隐藏后面的内容啊哈哈哈哈">-->
        <!--<router-link to="/" slot="left">-->
            <!--<mt-button icon="back">返回</mt-button>-->
        <!--</router-link>-->
        <!--<mt-button icon="more" slot="right"></mt-button>-->
    <!--</mt-header>-->
    <div>
        <div>{{selected}}</div>
    </div>
    <div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="外卖">
                <img slot="icon" src="img/icon.png">
                外卖
            </mt-tab-item>
            <mt-tab-item id="订单">
                <img slot="icon" src="img/icon.png">
                订单
            </mt-tab-item>
            <mt-tab-item id="发现">
                <img slot="icon" src="img/icon.png">
                发现
            </mt-tab-item>
            <mt-tab-item id="我的">
                <img slot="icon" src="img/icon.png">
                我的
            </mt-tab-item>
        </mt-tabbar>
    </div>
</div>
</body>
<!-- 先引入 Vue -->
<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<!-- 引入组件库 -->
<!-- <script src="libs/mint.js"></script> -->
<script>
    // MINT.Toast("hello");
    // new Vue({
    //     el: '#app',
    //     methods: {
    //         loadTop: function() {
    //             this.$toast('Hello loadTop!')
    //         },
    //         loadBottom: function() {
    //             this.$toast('Hello loadBottom!')
    //         },
    //         allLoaded: function() {
    //             this.$toast('Hello allLoaded!')
    //         },
    //         loadMore: function() {
    //             this.loading = true;
    //             setTimeout(() => {
    //                 let last = this.list[this.list.length - 1];
    //                 for (let i = 1; i <= 10; i++) {
    //                     this.list.push(last + i);
    //                 }
    //                 this.loading = false;
    //             }, 2500);
    //         },
    //         loadmore: function() {
    //             this.$toast('Hello loadmore!')
    //         }
    //     },
    //     data: {
    //         message: 'Hello Vue.js!',
    //         sheetVisible: true,
    //         rangeValue:20,
    //         selected:"测试",
    //         list:[1,2,3,4,5,6,7,8,9,11,12,13,14]
    //     }
    // })

    // MINT.Indicator.open('加载中...');
    // setTimeout(() => {
    //     MINT.Indicator.close();
    // }, 2000);
    // MINT.MessageBox.prompt('请输入姓名').then(({ value, action }) => {
    //     MINT.Toast("ok");
    // });


</script>
</html>